<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>魅族官网</title>
    <link rel="stylesheet" href="../css/index1.css">
    <link rel="stylesheet" href="../css/myheader.css">
    <link rel="stylesheet" href="../css/myfooter.css">
    <link rel="stylesheet" href="../../font_bek5hassunq/iconfont.css">
    <link href="../../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!--[if lt IE 9]>
        <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script src="../js/getheader.js"></script>

</head>

<body>
    <!-- header -->
    <header></header>
    <!-- banner轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
            <li data-target="#carousel-example-generic" data-slide-to="6"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="../img/banner01.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner02.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner03.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner04.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner05.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner06.jpg" alt="...">
            </div>
            <div class="item">
                <img src="../img/banner07.jpg" alt="...">
            </div>
        </div>
    </div>
    <!-- 分类盒子 -->
    <div class="section-box">
        <div class="wrapper">
            <ul>
                <li>
                    <a href="#">
                        <img class="lazy" data-original="../img/section01.png" alt="">
                        <em>配件联欢惠</em>
                        <p>全场包邮</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img class="lazy" data-original="../img/section02.png" alt="">
                        <em>魅族 16Xs</em>
                        <p>低至1499元</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img class="lazy" data-original="../img/section03.png" alt="">
                        <em>魅族 16s </em>
                        <p>最高直降699元</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img class="lazy" data-original="../img/section04.jpg" alt="">
                        <em>以旧换新</em>
                        <p>免费寄件 专业检测</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 手机 -->
    <div class="section-phone">
        <div class="section-phone-title">
            <h3>手机</h3>
        </div>
        <div class="section-phone-img">
            <a href="#">
                <img src="../img/banner01.jpg" alt="">
            </a>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail phoneDe">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 魅族声学 -->
    <div class="section-voice section-phone">
        <div class="section-phone-title">
            <h3>魅族声学</h3>
        </div>
        <div class="section-phone-img">
            <a href="#">
                <img src="../img/voice.jpg" alt="">
            </a>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail voiceDe">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 智能配件 -->
    <div class="section-voice section-phone">
        <div class="section-phone-title">
            <h3>智能配件</h3>
        </div>
        <div class="section-phone-img">
            <a href="#">
                <img src="../img/smart-tool.jpg" alt="">
            </a>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail fixings">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 生活周边 -->
    <div class="section-voice section-phone">
        <div class="section-phone-title">
            <h3>生活周边</h3>
        </div>
        <div class="section-phone-img">
            <a href="#">
                <img src="../img/life-around.jpg" alt="">
            </a>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail life">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- 社区热帖 -->
    <div class="section-phone section-community">
        <div class="section-phone-title">
            <h3>社区热帖</h3>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail community">
                <ul>
                </ul>
            </div>
        </div>
    </div>
    <!-- Flyme -->
    <div class="section-phone section-community flyme">
        <div class="section-phone-title">
            <h3>Flyme</h3>
        </div>
        <div class="wrapper">
            <div class="section-phone-detail">
                <ul>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyME0.png" alt="">
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                    <li class="small-pic">
                        <a href="">
                            <img class="lazy" data-original="../img/FlyMe1.jpg" alt="">
                            管理手机妙招
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- bottom -->
    <footer></footer>
</body>

<script src="../../bootstrap-3.3.7-dist/js/jquery.min.js"></script>
<script src="../../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../../node_modules/jquery/dist/jquery.js"></script>
<script src="../js/getfooter.js"></script>
<script src="../js/myheader.js"></script>
<script src="../js/index1.js"></script>
<script src="../js/headNav.js"></script>
<script src="../../tuupola-jquery_lazyload/jquery-1.11.0.min.js"></script>
<script src="../../tuupola-jquery_lazyload/jquery.lazyload.js?v=1.9.1"></script>

</html>